<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/basis_class.css">
    <link rel="stylesheet" href="../css/basis.css">
</head>
<body>
    <div class="container">
        <div class="row pa-bo">
            <div class="col-sm-3 row1">
                <div class="input-group">
                    <input type="text" class="form-control sear_tiao" placeholder="请输入搜锁条件">
                    <span class="input-group-btn" data-toggle="popover" data-trigger="focus" title="未找到" data-content="请输入正确的数据" id="tis">
                        <button class="btn btn-default sear" type="button">
                            <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
                        </button>
                    </span>
                </div>
                
            </div>
            <div class="col-sm-2">
                <select class="form-control bu">
                    <option>全部</option>
                </select>
            </div>
            <div class="col-sm-1 col-sm-offset-6">
                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#depAdd" id="addDep">
                    新增
                </button>
            </div>
        </div>
        <div class="row">
            <table class="table table-bordered table-hover dep_table">
                <tr class="biaotou">
                    <th>班级编号</th>
                    <th>班级名称</th>
                    <th>班级类别</th>
                    <th>操作</th>
                </tr>
			</table>
        </div>
        <div class="row">
          	<div class="col-sm-6 col-sm-offset-5">
              	<nav aria-label="Page navigation">
                  	<ul class="pagination juzhong">
                      	<li class="shang" value="98">
                          	<a href="#" aria-label="Previous" >
                              	<span aria-hidden="true">&laquo;</span>
                          	</a>
                      	</li>
                      	<li class="xia" value="99">
                          	<a href="#" aria-label="Next" >
                              	<span aria-hidden="true">&raquo;</span>
                          	</a>
                      	</li>
                  	</ul>
              	</nav>
          </div>
      </div>
        <div class="row">
            <small>基础管理>班级管理</small>
        </div>
    </div>
    <div class="modal fade" id="depAdd" tabindex="-1" role="dialog" aria-labelledby="depAdd1">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
                <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="depAdd1">新增</h4>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal">
                        <div class="form-group">
                            <label for="inputEmail3" class="col-sm-2 control-label">班级名称</label>
                            <div class="col-sm-8">
                            <input type="text" class="form-control caddname" placeholder="请填写">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="inputPassword3" class="col-sm-2 control-label">班级类别</label>
                            <div class="col-sm-8">
								<select class="form-control bu1">
								</select>    
                            </div>
						</div>
						<div class="form-group">
                            <label for="inputPassword3" class="col-sm-2 control-label">班主任</label>
                            <div class="col-sm-8">
                                <select class="form-control ban1 caddban1">
                                </select>    
                            </div>
                        </div>
						<div class="form-group">
                            <label for="inputPassword3" class="col-sm-2 control-label">副班主任</label>
                            <div class="col-sm-8">
                                <select class="form-control ban2 caddban2">
                                </select>    
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" id="addq">确认</button>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="depUp" tabindex="-1" role="dialog" aria-labelledby="depUp1">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-header">
              	<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
              	<h4 class="modal-title" id="depUp1">修改</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal">
                    <div class="form-group">
						<label for="inputEmail3" class="col-sm-2 control-label">班级名称</label>
						<div class="col-sm-8">
						<input type="text" class="form-control upname" placeholder="请填写">
						</div>
					</div>
					<div class="form-group">
						<label for="inputPassword3" class="col-sm-2 control-label">班级类别</label>
						<div class="col-sm-8">
							<select class="form-control bu1">
							</select>    
						</div>
					</div>
					<div class="form-group">
						<label for="inputPassword3" class="col-sm-2 control-label">班主任</label>
						<div class="col-sm-8">
							<select class="form-control ban1 upban1">
							</select>    
						</div>
					</div>
					<div class="form-group">
						<label for="inputPassword3" class="col-sm-2 control-label">副班主任</label>
						<div class="col-sm-8">
							<select class="form-control ban2 upban2">
							</select>    
						</div>
					</div>
                </form>
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
              <button type="button" class="btn btn-primary" id="upq">修改</button>
            </div>
          </div>
        </div>
    </div>
    <div class="modal fade" id="depDel" tabindex="-1" role="dialog" aria-labelledby="depDel1">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
              <h4 class="modal-title" id="depDel1">删除</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal">
                    <div class="form-group">
                      <label for="inputEmail3" class="col-sm-2 control-label">班级编号</label>
                      <div class="col-sm-8 cdelnum">
                      </div>
                    </div>
                    <div class="form-group">
                      <label for="inputPassword3" class="col-sm-2 control-label">班级名称</label>
                      <div class="col-sm-8 cdelname">
                      </div>
                    </div>
                  </form>
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
              <button type="button" class="btn btn-primary" id="delq">删除</button>
            </div>
          </div>
        </div>
    </div>
    <div class="modal fade" id="depShow" tabindex="-1" role="dialog" aria-labelledby="depShow">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
              <h4 class="modal-title" id="depShow">查看</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal">
                    <div class="form-group">
						<label for="inputPassword3" class="col-sm-3 control-label">班级编号</label>
						<div class="col-sm-8 showcnum">
						</div>
                    </div>
                    <div class="form-group">
						<label for="inputPassword3" class="col-sm-3 control-label">班级名称</label>
						<div class="col-sm-8 showcname">
						</div>
                    </div>
                    <div class="form-group">
						<label for="inputPassword3" class="col-sm-3 control-label">班主任</label>
						<div class="col-sm-8 showt1">
						</div>
                    </div>
                    <div class="form-group">
                      	<label for="inputPassword3" class="col-sm-3 control-label">副班主任</label>
                      	<div class="col-sm-8 showt2">
                      	</div>
                    </div>
                  </form>
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
              <!-- <button type="button" class="btn btn-primary">确认</button> -->
            </div>
          </div>
        </div>
    </div>
    <div class="modal fade" id="depTi" tabindex="-1" role="dialog" aria-labelledby="depTi1">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-header">
              	<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
              	<h4 class="modal-title" id="depTi1">提升年纪</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal">
                    <div class="form-group">
						<label for="inputEmail3" class="col-sm-2 control-label">班级名称</label>
						<div class="col-sm-8 tiname">
						</div>
					</div>
                    <div class="form-group">
						<label for="inputEmail3" class="col-sm-2 control-label">现在年纪</label>
						<div class="col-sm-8 tigrade">
						</div>
					</div>
                </form>
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
              <button type="button" class="btn btn-primary" id="ti">提升</button>
            </div>
          </div>
        </div>
    </div>
    <script src="../js/jquery-3.1.1.js"></script>
    <script src="../bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <!-- <script src="../js/data.js"></script> -->
    <script src="../js/basis_class.js"></script>
</body>
</html>



